import styled from "styled-components";

export const DjCategoryWrap = styled.div`
  padding: 40px;
  .dj-category-t-box {
    .line-box {
      height: 40px;
      border-bottom: 2px solid #c20c0c;
      line-height: 40px;
      display: flex;
      justify-content: space-between;
      p {
        height: 40px;
        font-size: 24px;
        .pointer {
          font-size: 24px;
          font-weight: 400px;
          font-family: "simsun,宋体";
          width: 24px;
          display: inline-block;
          text-align: center;
        }
      }
    }
    .dj-category-box {
      display: flex;
      width: 435px;
      padding: 20px 0;
      float: left;
      .dj-cnt {
        margin-left: 20px;
        .dj-cnt-name {
          margin: 16px 0 20px;
          font-size: 18px;
          color: #333;
          text-decoration: none;
          font-weight: 700;
          display: block;
        }
        .dj-cnt-rcmdtext {
          display: block;
          margin-bottom: 6px;
          line-height: 20px;
          color: #999;
        }
      }
    }
    ::after {
      content: "";
      display: block;
      clear: both;
      overflow: hidden;
    }
  }
`;
